// Base
$height-sm: 20px;
$height: 40px;
$height-lg: 80px;
$line-height-sm: 20px;
$line-height: 40px;
$line-height-lg: 80px;
$body-background: #ccc;

// color
$background-color-base: #fff;

// font
$font-family: cursive;
$code-family: Consolas, Menlo, Courier, monospace;
$font-size-sm: 14px;
$font-size: 16px;
$font-size-lg: 20px;
$font-weight-sm: 500;
$font-weight-lg: 600;

// border
$border-radius-sm: 4px;
$border-radius: 6px;
$border-radius-lg: 8px;
$border-base: 1px solid #d6d6d6;

// margin padding
$margin-base: 10px;
$padding-base: 10px;

// z-index
$z-index-first: 99;
$z-index-second: 999;
$z-index-third: 9999;

// hover
$hover: #209f85;

// img
$img-width: 120px;
$img-icon-width: 20px;
$img-icon-height: 20px;

// transtion
$transition: all 0.3s;

// Theme-Color
$html-background-day: #f6f6f3;
$html-background-night: #000;
$body-background-day: #fff;
$body-background-night: #181c27;
$text-color-day: rgba(0, 0, 0, 0.65);
$text-color-night: rgba(255, 255, 255, 0.65);
$active-color-day: #2d8cf0;
$active-color-night: red;
$icon-color-day: rgba(0, 0, 0, 0.65);
$icon-color-night: rgba(255, 255, 255, 0.65);
